<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跳转提示</title>
<style type="text/css">
*{padding:0;margin:0;}
body{background:#fff;font-family:'微软雅黑';color:#CCC;font-size:16px;}
.system-message{padding:24px 30px;margin:auto;border:#e8e8e8 1px solid;top:50%;width:540px;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;}
.system-message h1{font-size:100px;font-weight:normal;line-height:120px;margin-bottom:5px;}
.system-message .jump{padding-top:10px;color:#999;text-align:center;}
.system-message .success,.system-message .error{line-height:1.8em;color:#999;font-size:36px;font-family:'黑体';text-align:center;}
@media screen and (max-width: 500px) {
.system-message{padding:24px 30px;margin:0 2%;border:#e8e8e8 1px solid;top:50%;width:96%;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;}
.system-message .success,.system-message .error{line-height:1.8em;color:#999;font-size:20px;font-family:'黑体';text-align:center;}
}
</style>
<script type="text/javascript" src="{__PUBLIC_PATH}/common/js/jquery.tools.min.js?v={$version}"></script>
<script type="text/javascript">
$(function(){
    var height2=$('.system-message').height();
    var height1=$(window).height();
    $('.system-message').css('margin-top',((height1-height2)/3)-30);
});
</script>
<link href="{__PUBLIC_PATH}/common/bootstrap/css/bootstrap.min.css?v={$version}" rel="stylesheet">
</head>
<body>
<div class="system-message">
<div style="width:100px;margin:0 auto">
    {if $type}
    <h1 class="glyphicon glyphicon-ok" style="color:#4caf50;"></h1>
    {else/}
    <h1 class="glyphicon glyphicon-exclamation-sign" style="color:#F33;width:100px;margin:0 auto"></h1>
    {/if}
</div>
<p class="error">{$msg}</p>
{if $backUrl}
<p class="jump">页面自动 <a id="href" href="javascript:history.go(-1);">跳转</a> 等待时间：<b id="wait">{$wait}</b>
    <script type="text/javascript">
        (function(){
            var wait = document.getElementById('wait'),
                href = document.getElementById('href').href,
                target = document.getElementById('href').target;
            var interval = setInterval(function(){
                var time = --wait.innerHTML;
                if(time <= 0) {
                    if ('_parent' == target) {
                        parent.location.href = href;
                    } else {
                        location.href = href;
                    }
                    clearInterval(interval);
                };
            }, 1000);
        })();
    </script>
</p>
{/if}
</div>
</body>
</html>